import { UseGlobalData } from '@/dataStore/useGlobalData.ts'import Canvas from '@/pages/ProcessDesign/components/Canvas.tsx'import { Application } from '@/pages/ProcessDesign/core/Application.ts'import { useContext, useEffect, useState } from 'react'import Header from './components/Header'import './assets/styles/index.scss'const ProcessDesign = () => {    const { setShowHeader } = useContext(UseGlobalData)    const [app] = useState(new Application())    useEffect(() => {        setShowHeader(false)    })    return (        <div className="process-design__container base-container flex-column">            <Header app={ app } />            <div className="process-design__content">                <Canvas app={ app } isEdit={ true } />            </div>        </div>    )}export default ProcessDesign